{% extends 'homepage/index.html' %}
{% load staticfiles %}
{% block page %}
  <!-- Page Content -->
  <div class="container">

    <!-- Page Heading/Breadcrumbs -->
    <h1 class="mt-4 mb-3">关于我们
      <small></small>
    </h1>

    <ol class="breadcrumb">
      <li class="breadcrumb-item">
        <a href="/">首页</a>
      </li>
      <li class="breadcrumb-item active">关于我们</li>
    </ol>

    <!-- Intro Content -->
    <div class="row">
      <div class="col-lg-6">
        <img class="img-fluid rounded mb-4" src="{% static 'img/750x450.jpg' %}" alt="">
      </div>
      <div class="col-lg-6">
        <h2>关于如淇玩城</h2>
        <p>手工皂的外观与其使用的模具相关，在制皂的时候可以根据个人的喜好来选择，具有非常强的主观性，在外观的这一点上面皂基皂与冷制皂是一样的</p>
        <p>手工皂的外观与其使用的模具相关，在制皂的时候可以根据个人的喜好来选择，具有非常强的主观性，在外观的这一点上面皂基皂与冷制皂是一样的</p>
        <p>手工皂的外观与其使用的模具相关，在制皂的时候可以根据个人的喜好来选择，具有非常强的主观性，在外观的这一点上面皂基皂与冷制皂是一样的</p>
      </div>
    </div>
    <!-- /.row -->

    <!-- Team Members -->
    <h2>我们的团队</h2>

    <div class="row">
      <div class="col-lg-4 mb-4">
        <div class="card h-100 text-center">
          <img class="card-img-top" src="{% static 'img/750x450.jpg' %}" alt="">
          <div class="card-body">
            <h4 class="card-title">成员1</h4>
            <h6 class="card-subtitle mb-2 text-muted">Position</h6>
            <p class="card-text">介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍</p>
          </div>
          <div class="card-footer">
            <a href="#">name@example.com</a>
          </div>
        </div>
      </div>
      <div class="col-lg-4 mb-4">
        <div class="card h-100 text-center">
          <img class="card-img-top" src="{% static 'img/750x450.jpg' %}" alt="">
          <div class="card-body">
            <h4 class="card-title">成员2</h4>
            <h6 class="card-subtitle mb-2 text-muted">Position</h6>
            <p class="card-text">介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍</p>
          </div>
          <div class="card-footer">
            <a href="#">name@example.com</a>
          </div>
        </div>
      </div>
      <div class="col-lg-4 mb-4">
        <div class="card h-100 text-center">
          <img class="card-img-top" src="{% static 'img/750x450.jpg' %}" alt="">
          <div class="card-body">
            <h4 class="card-title">成员3</h4>
            <h6 class="card-subtitle mb-2 text-muted">Position</h6>
            <p class="card-text">介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍</p>
          </div>
          <div class="card-footer">
            <a href="#">name@example.com</a>
          </div>
        </div>
      </div>
    </div>
    <!-- /.row -->

    <!-- Our Customers -->
    <h2>我们的用户</h2>
    <div class="row">
      <div class="col-lg-2 col-sm-4 mb-4">
        <img class="img-fluid" src="http://placehold.it/500x300" alt="">
      </div>
      <div class="col-lg-2 col-sm-4 mb-4">
        <img class="img-fluid" src="http://placehold.it/500x300" alt="">
      </div>
      <div class="col-lg-2 col-sm-4 mb-4">
        <img class="img-fluid" src="http://placehold.it/500x300" alt="">
      </div>
      <div class="col-lg-2 col-sm-4 mb-4">
        <img class="img-fluid" src="http://placehold.it/500x300" alt="">
      </div>
      <div class="col-lg-2 col-sm-4 mb-4">
        <img class="img-fluid" src="http://placehold.it/500x300" alt="">
      </div>
      <div class="col-lg-2 col-sm-4 mb-4">
        <img class="img-fluid" src="http://placehold.it/500x300" alt="">
      </div>
    </div>
    <!-- /.row -->

  </div>
  <!-- /.container -->
{% endblock %}